﻿@{
    ViewBag.Title = "StatisticDetails";
    Layout = "~/Views/Shared/_AdminLayout.cshtml";
}

@section scripts
{
    <script src="~/Scripts/App/Admin/statistic_detail.js"></script>
}


<div class="block">
    <fieldset>
        <legend><i class="fa fa-angle-right"></i>Thống Kê Theo Thời Gian</legend>
        <div class="form-group">
            <label class="col-md-2 control-label text-right" style="margin-top: 7px" for="fromDate">Chọn Thời Gian</label>
            <div class="col-md-6">
                <div class="input-group input-daterange" data-date-format="mm/dd/yyyy">
                    <input type="text" id="fromDate" data-bind="value: FromDate, event: { change: $root.doChangeFrom }" name="fromDate" class="form-control text-center" placeholder="From" />
                    <span class="input-group-addon"><i class="fa fa-angle-right"></i></span>
                    <input type="text" id="toDate" data-bind="value: ToDate, event: { change: $root.doChangeTo }" name="toDate" class="form-control text-center" placeholder="To" />
                </div>
            </div>
        </div>
    </fieldset>
    <div class="table-responsive">
        <table class="table table-vcenter table-striped">
            <thead>
                <tr>
                    <th class="text-center animation-stretchRight">#</th>
                    <th class="text-center animation-stretchRight">Ngày</th>
                    <th class="text-center animation-stretchRight">Lượt Xem</th>
                    <th class="text-center animation-stretchRight">Lượt Thích</th>
                    <th class="text-center animation-stretchRight">Lượt Truy Cập</th>
                    <th class="text-center animation-stretchRight">Quảng Cáo Mới</th>
                    <th class="text-center animation-stretchRight">User Mới</th>
                </tr>
            </thead>
            <tbody data-bind="foreach: Details">
                <tr>
                    <td class="text-center" data-bind="text: $index() + 1"></td>
                    <td class="text-center" data-bind="text: DateVal"></td>
                    <td class="text-center" data-bind="text: Views"></td>
                    <td class="text-center" data-bind="text: Likes"></td>
                    <td class="text-center" data-bind="text: Hits"></td>
                    <td class="text-center" data-bind="text: Ads"></td>
                    <td class="text-center" data-bind="text: Users"></td>
                </tr>
            </tbody>
        </table>
    </div>
</div>
